<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
    <title></title>
    <link href="css/ionic.min.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" charset="UTF-8" src="js/ionic.bundle.min.js"></script>
    <script charset="UTF-8" type="text/javascript" src="js/ionic.min.js"></script>
</head>
<body>
<div class="bar bar-header bar-calm">
    <h1 class="title">color</h1>
</div>
<div class="scroll-content has-header">
   <ul class="list">
       <li class="item">
           <h2>中国十大杰出青年国务院常务会议部署推进公司注册资本登记制度改革</h2>
           <p>中国青年报</p>
       </li>
       <li class="item">
           <h2>中国十大杰出青年</h2>
           <p>中国青年报</p>
       </li>
       <li class="item">
           <h2>中国十大杰出青年</h2>
           <p>中国青年报</p>
       </li>
   </ul>
    <a class="button button-block button-energized" href="html5.html">上一个案例-中部内容</a>
    <a class="button button-block button-energized" href="weixin.html">下一个案例-微信聊天</a>
</div>
</body>
</html>